<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
@charset "UTF-8";

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,
	.x-ng-cloak, .ng-hide {
	display: none !important;
}

ng\:form {
	display: block;
}

.ng-animate-block-transitions {
	transition: 0s all !important;
	-webkit-transition: 0s all !important;
}

.ng-hide-add-active, .ng-hide-remove {
	display: block !important;
}
</style>

<title>骑手任务</title>

<!-- 高德地图定位获取信息 -->
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.8&key=ce7c60e3fefe42fda57ad6c30421a5b7"></script>
<script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>


<link href="${pageContext.request.contextPath }/horseman/integral_files/vendor.606e96.css" rel="stylesheet">
<link href="${pageContext.request.contextPath }/horseman/integral_files/profile.2f9006.css" rel="stylesheet">

<%@ include file="../elements/head.jsp" %>
</head>

<body style="position: relative;">
	<script type="text/javascript">
		$(function() {
			var path = $(".path").val();
			map = new AMap.Map("container", {
				resizeEnable : true,
				zoom : 13
			//地图显示的缩放级别
			});

			map.plugin('AMap.Geolocation', function() {
				geolocation = new AMap.Geolocation({
					enableHighAccuracy : true,//是否使用高精度定位，默认:true
					timeout : 10000, //超过10秒后停止定位，默认：无穷大
					buttonPosition : 'RB'
				});

				geolocation.getCurrentPosition();
				AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息
				AMap.event.addListener(geolocation, 'error', onError); //返回定位出错信息
			});

			//获取初始定位经纬度
			function onComplete(data) {
				$.get(path + "/address", "address="
						+ encodeURI(data.formattedAddress), function(data1) {
					alert(data1);
					$(".address").html(data1);
				});

			}
		})
	</script>

	<%@ include file="../elements/top.jsp"%>
	
	<div class="importantnotification container" role="banner">
		<input class="path" type="hidden" value="${pageContext.request.contextPath }">
	</div>
	
	<%@ include file="../elements/right.jsp"%>
	
	<div role="main" class="ng-scope">
		<div class="profile-container container">
			<div class="clearfix">
				<div class="location"role="navigation">
					<span>当前位置:</span> 
					<span class="location-current">
						<a class="address" href="#">郴州第一职中</a>
					</span> 
					
					<span>
						<i class="icon-arrow-right ng-scope"></i>
						<span class="ng-binding ng-scope">骑手任务</span>
					</span>
				</div>
			</div>
			
			<%@ include file="../elements/left.jsp" %>
			
			<div class="profile-panel" role="main">
				<div class="balance-table">
					<div class="balance-table-row balance-table-title"> 
						<span class="balance-table-status">商家名称</span>
						<span class="balance-table-status">商家地址</span>
						<span class="balance-table-status">商家联系方式</span>						
						<span class="balance-table-status">收货人姓名</span>
						<span class="balance-table-status">收货地址</span>
						<span class="balance-table-status">收货人联系方式</span>
					</div>
				</div>
				<div class="balance-table">
					<div class="balance-table-row" onclick="horsemanTask();">
						<span class="balance-table-status">豆花妈妈</span> 
						<span class="balance-table-status">第一职中</span> 
						<span class="balance-table-status">12345678910</span>
						<span class="balance-table-status">周志钢</span>
						<span class="balance-table-status">第一职中</span>
						<span class="balance-table-status">12345678910</span>
					</div>
				</div>
				<div class="ng-scope pagination">
				<ul>
					<li>1</li>
					<li>2</li>
				</ul>
				</div>
			</div>
			
		</div>
	</div>
<%@ include file="../elements/footer.jsp" %>
<!-- 骑手导航框 -->
<div id="horsemanTask">

</div>
<script type="text/javascript">
	function horsemanTask(){
		layer.open({
			type : 1,
			title : '骑手导航',
			maxmin : false,
			shadeClose : true, 
			area : [ '801px', '400px' ],
			content : $('#horsemanTask')
		});
	}
</script>
</body>
</html>